<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="window-target" content="_top">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="google" content="notranslate">
<title>Admin</title>

<link rel="shortcut icon" href="../images/ico.svg">
<link rel="stylesheet" href="../styles/uigg.css">
<link rel="stylesheet" href="styles/admin.css">

<script src="../js/jquery.min.js"></script>
<script src="//ui.gg/lib/editor/editor.js"></script>
<script src="../js/uigg.js"></script>
<script src="js/admin.js"></script>
</head>

<body>
<load></load>
<section class="admin anime-fade-in flex flex-column">
    <!------------------------------------------head start------------------------------------------>
    <section class="head center">
        <a href="/admin/"><h1 class="logo center anime-zoom-in"><i></i><span>uigg<em>admin</em></span></h1></a>
        <div class="head-cont center anime-fade-in">
            <a class="btn sider-toggle"><i class="ico ico-menu"></i></a>
            <drop>
                <drop-list>
                    <ul>
                        <li><a>industry</a></li>
                        <li><a>information</a></li>
                        <li><a>classify</a></li>
                    </ul>
                </drop-list>
            </drop>
        </div>
        <u></u>
        <div class="head-cont center anime-fade-in">
            <a class="mailbox"><i class="ico ico-mail"></i>unread<span>3</span></a>
            <div class="head-info center">
                <span>welcome<em>mixice</em></span>
                <a href="" class="ico ico-circular-user"></a>
                <a class="fullscreen co-orange"></a>
                <a href="" class="ico ico-close co-red"></a>
            </div>
        </div>
    </section>
    <!------------------------------------------head end------------------------------------------>
    <section class="subject">
        <!------------------------------------------sider start------------------------------------------>
        <section class="sider">
            <div class="sider-search"><input type="text"><button class="ico ico-search"></button></div>
            <fold>
                <h6>basic</h6>
                <fold-group>
                    <fold-title><a href="admin.html"><i class="ico ico-home"></i>home</a></fold-title>
                </fold-group>
                <fold-group>
                    <fold-title><a><i class="ico ico-set"></i>setting</a></fold-title>
                </fold-group>
                <fold-group>
                    <fold-title><a><i class="ico ico-app"></i>classify</a></fold-title>
                    <fold-cont>
                        <a href="">classify add</a>
                        <a href="">classify edit</a>
                    </fold-cont>
                </fold-group>
                <fold-group>
                    <fold-title><a><i class="ico ico-document"></i>article</a></fold-title>
                    <fold-cont>
                        <a href="">article add</a>
                        <a href="">article list</a>
                    </fold-cont>
                </fold-group>
                <h6>integral</h6>
                <fold-group>
                    <fold-title><a><i class="ico ico-alipay"></i>recharge</a></fold-title>
                    <fold-cont>
                        <a href="">recharge</a>
                        <a href="">order</a>
                    </fold-cont>
                </fold-group>
                <fold-group>
                    <fold-title><a><i class="ico ico-wallet"></i>withdrawal</a></fold-title>
                    <fold-cont>
                        <a href="">withdrawal</a>
                        <a href="">order</a>
                    </fold-cont>
                </fold-group>
                <fold-group>
                    <fold-title><a><i class="ico ico-box"></i>integral</a></fold-title>
                    <fold-cont>
                        <a href="">exchange</a>
                        <a href="">consignment</a>
                        <a href="">query</a>
                        <a href="">order</a>
                    </fold-cont>
                </fold-group>
                <h6>other</h6>
                <fold-group>
                    <fold-title><a><i class="ico ico-circular-user"></i>user</a></fold-title>
                </fold-group>
                <fold-group>
                    <fold-title><a><i class="ico ico-volume"></i>notice<horn>3</horn></a></fold-title>
                </fold-group>
            </fold>
        </section>
        <!------------------------------------------sider end------------------------------------------>
        <section class="clause">
            <div class="contant">
                <div class="item">
                    <notice href=""><a uigg="title"></a></notice>
                </div>
            </div>
            <div class="title"><h4>statistics</h4><u></u><a href="" class="ico ico-alone-right title-more"></a></div>
            <div class="contant">
                <div class="item">
                    <div class="statistics">
                        <li><span>statistics</span><h3>1000.00<em>usd</em></h3>
                            <a href="" class="btn btn-med btn-empty">play</a>
                        </li>
                        <li><span>user</span><h3 class="co-orange">3780</h3>
                            <a href="" class="btn btn-med btn-empty co-orange">play</a>
                        </li>
                        <li><span>bet(USDT)</span><h3 class="co-red">210</h3>
                            <a href="" class="btn btn-med btn-empty co-red">play</a>
                        </li>
                        <li><span>frozen</span><h3 class="co-ccc">3902</h3>
                            <a href="" class="btn btn-med btn-empty co-333">play</a>
                        </li>
                    </div>
                </div>
            </div>
            <div class="title"><i class="ico ico-return-left return"></i><h4>article</h4></div>
            <div class="contant">
                <div class="title">
                    <h5>title</h5><cite>Description</cite><u></u>
                    <a href="" class="btn">submit</a>
                    <a href="" class="btn">submit</a>
                </div>
                <div class="item">
                    <div class="article">
                        <p uigg="txt"></p>
                        <ul>
                            <li uigg="title"></li>
                            <li uigg="title"></li>
                            <li uigg="title"></li>
                        </ul>
                        <a class="btn btn-submit" onclick="$('pop').show()">pop</a>
                    </div>
                    <reminder>
                        <h5 uigg="title"></h5>
                        <p uigg="txt"></p>
                    </reminder>
                </div>
            </div>
            <div class="title"><h4>table</h4></div>
            <div class="contant">
                <div class="title">
                    <h5>title</h5><cite>Description</cite><u></u>
                    <a href="" class="btn">submit</a>
                </div>
                <div class="item">
                    <div class="form filter">
                        <form>
                            <li><span>input</span><input type="text"></li>
                            <li><span>time</span><input type="date"></li>
                            <li><span>select</span><div class="select"><select><option selected disabled>select</option><option>select</option></select></div></li>
                            <li><span>choice</span>
                                <choice>
                                    <a>choice 1</a>
                                    <choice-list>
                                        <a>choice 1</a>
                                        <a>choice 2</a>
                                    </choice-list>
                                </choice>
                            </li>
                            <li><a href="" class="btn">serach</a></li>
                        </form>
                    </div>
                    <div class="table">
                        <table>
                            <thead>
                                <tr><th>select</th><td>classify</td><td>input</td><td>operation</td></tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th><o class="checkbox"></o> list</th>
                                    <td>content</td>
                                    <td><input type="text"></td>
                                    <td><a href="" class="btn btn-empty">add</a>
                                        <a href="" class="btn btn-empty co-red">view</a>
                                        <a href="" class="ico ico-edit"></a>
                                        <a href="" class="ico ico-delete co-red"></a>
                                    </td>
                                </tr>
                                <tr>
                                    <th><o class="checkbox"></o> list</th>
                                    <td>content</td>
                                    <td><input type="text"></td>
                                    <td><a href="" class="btn btn-empty">add</a>
                                        <a href="" class="btn btn-empty co-red">view</a>
                                        <a href="" class="ico ico-edit"></a>
                                        <a href="" class="ico ico-delete co-red"></a>
                                    </td>
                                </tr>
                                <tr>
                                    <th><o class="checkbox"></o> list</th>
                                    <td>content</td>
                                    <td><input type="text"></td>
                                    <td><a href="" class="btn btn-empty">add</a>
                                        <a href="" class="btn btn-empty co-red">view</a>
                                        <a href="" class="ico ico-edit"></a>
                                        <a href="" class="ico ico-delete co-red"></a>
                                    </td>
                                </tr>
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th><o class="checkbox checkbox-all"></o> all select</th>
                                    <td colspan="3">
                                        <o class="radio"></o>content
                                        <o class="radio"></o>content
                                        <a href="" class="btn btn-empty">pause</a>
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    <page>
                        <a class="ico ico-alone-side-left"></a>
                        <a class="ico ico-alone-left"></a>
                        <a href="">1</a>
                        <a href="">2</a>
                        <a class="active" href="">3</a>
                        <a href="">4</a>
                        <a href="">5</a>
                        <a class="ico ico-alone-right"></a><a class="ico ico-alone-side-right"></a>
                        <span>1/10</span>
                        <input type="text">
                        <a class="ico ico-arrow-enter"></a>
                    </page>
                </div>
            </div>
            <div class="title"><h4>form</h4></div>
            <div class="contant">
                <div class="title">
                    <h5>title</h5><cite>Description</cite><u></u>
                    <a href="" class="btn">submit</a>
                </div>
                <div class="item">
                    <section class="form">
                        <form>
                            <li><span>account</span>
                                <input class="wide-20" type="text" required>
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>password</span>
                                <div class="input wide-20"><input type="password" required><o class="password"></o></div>
                                <cite class="co-red">Password error</cite>
                            </li>
                            <li><span>scaler</span>
                                <scaler><input step="1" min="0" max="100" value="1"></scaler>
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>radio</span>
                                <div class="parent">
                                    <o class="radio"></o><span>radio</span>
                                    <o class="radio"></o><span>radio</span>
                                    <o class="radio"></o><span>radio</span>
                                </div>
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>checkbox</span>
                                <div class="parent">
                                    <o class="checkbox"></o><span>checkbox</span>
                                    <o class="checkbox"></o><span>checkbox</span>
                                    <o class="checkbox checkbox-all"></o><span>checkbox all</span>
                                </div>
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>toggle</span>
                                <o class="toggle"></o>
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>progress</span>
                                <progress class="wide-20" max="100" value="50"></progress>
                            </li>
                            <li><span>range</span>
                                <input class="wide-20" type="range" min="0" max="100" step="0" value="50">
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>file</span>
                                <input class="wide-30" type="file">
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>color</span>
                                <input type="color">
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>date</span>
                                <input class="wide-20" type="date">
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>datetime</span>
                                <input class="wide-20" type="datetime-local">
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>month</span>
                                <input class="wide-20" type="month">
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>week</span>
                                <input class="wide-20" type="week">
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>time</span>
                                <input class="wide-20" type="time">
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>select</span>
                                <div class="select wide-20"><select><option selected disabled>select</option><option>select</option></select></div>
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>choice</span>
                                <choice class="wide-20">
                                    <a>choice 1</a>
                                    <choice-list>
                                        <a>choice 1</a>
                                        <a>choice 2</a>
                                    </choice-list>
                                </choice>
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>robot</span>
                                <input class="wide-10" type="text">
                                <a class="code" uigg="color"><img uigg="color"></a>
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>code</span>
                                <input class="wide-10" type="text">
                                <a class="btn code">get code</a>
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li><span>message</span>
                                <textarea class="wide"></textarea>
                            </li>
                            <li><span>editor</span>
                                <div class="editor-simple"></div>
                            </li>
                            <li><span>images</span>
                                <div class="upload">
                                    <div class="ico upload-group"><input type="file" accept=".jpg,.jpeg,.png,.webp,.gif"><horn class="ico"></horn></div>
                                    <div class="ico upload-add"></div>
                                </div>
                                <cite>Lorem ipsum dolor sit amet</cite>
                            </li>
                            <li class="resolve"><o class="checkbox"></o><span>I've read and agreed</span><a>"User agreement"</a></li>
                            <li class="resolve"><button class="btn btn-submit">cancel</button><button class="btn btn-submit">submit</button></li>
                        </form>
                    </section>
                </div>
            </div>
            <div class="contant">
                <div class="title">
                    <h5>editor</h5><cite>Description</cite><u></u>
                    <a href="" class="btn">submit</a>
                </div>
                <div class="item">
                    <section class="editor"></section>
                </div>
            </div>
            <div class="title"><h4>tab</h4></div>
            <div class="contant">
                <tab>
                    <tab-list>
                        <li class="active"><a>one</a></li>
                        <li><a>two</a></li>
                        <li><a>three</a></li>
                    </tab-list>
                    <tab-cont>
                        <tab-group class="active">
                            <div class="item">
                                <empty><div><i class="ico ico-emot-smile"></i><h3>congratulations, successful!</h3></div></empty>
                            </div>
                        </tab-group>
                        <tab-group>
                            <div class="item">
                                <empty><i class="ico ico-emot-smile"></i><h3>congratulations, successful!</h3></empty>
                            </div>
                        </tab-group>
                        <tab-group>
                            <div class="item">
                                <empty></empty>
                            </div>
                        </tab-group>
                    </tab-cont>
                </tab>
            </div>
            <div class="title"><h4>list</h4></div>
            <div class="contant">
                <div class="title">
                    <h5>title</h5><cite>Description</cite><u></u>
                    <a href="" class="btn">submit</a>
                </div>
                <div class="item">
                    <div class="list">
                        <li class="center">
                            <em uigg="img"></em>
                            <div class="list-cont">
                                <h6><a href=""><h5 uigg="title"></h5></a></h6>
                                <p uigg="txt"></p>
                                <div class="list-info">
                                    <span><i class="ico ico-time"></i>2020-02-14</span>
                                    <span><i class="ico ico-visibility"></i>242</span>
                                </div>
                            </div>
                            <div class="list-control">
                                <a href="" class="btn btn-med btn-empty">edit</a>
                                <a href=""><i class="ico ico-visibility"></i></a>
                                <a href=""><i class="ico ico-delete co-red"></i></a>
                            </div>
                        </li>
                        <li class="center">
                            <em uigg="img"></em>
                            <div class="list-cont">
                                <h6><a href=""><h5 uigg="title"></h5></a></h6>
                                <p uigg="txt"></p>
                                <div class="list-info">
                                    <span><i class="ico ico-time"></i>2020-02-14</span>
                                    <span><i class="ico ico-visibility"></i>242</span>
                                </div>
                            </div>
                            <div class="list-control">
                                <a href="" class="btn btn-med btn-empty">edit</a>
                                <a href=""><i class="ico ico-visibility"></i></a>
                                <a href=""><i class="ico ico-delete co-red"></i></a>
                            </div>
                        </li>
                        <li class="center">
                            <div class="list-cont">
                                <h6><a href=""><h5 uigg="title"></h5></a></h6>
                                <p uigg="txt"></p>
                                <div class="list-info">
                                    <span><i class="ico ico-time"></i>2020-02-14</span>
                                    <span><i class="ico ico-visibility"></i>242</span>
                                </div>
                            </div>
                            <div class="list-control">
                                <a href="" class="btn btn-med btn-empty">edit</a>
                                <a href=""><i class="ico ico-visibility"></i></a>
                                <a href=""><i class="ico ico-delete co-red"></i></a>
                            </div>
                        </li>
                    </div>
                    <page>
                        <a class="ico ico-alone-side-left"></a>
                        <a class="ico ico-alone-left"></a>
                        <a href="">1</a>
                        <a href="">2</a>
                        <a class="active" href="">3</a>
                        <a href="">4</a>
                        <a href="">5</a>
                        <a class="ico ico-alone-right"></a><a class="ico ico-alone-side-right"></a>
                        <span>1/10</span>
                        <input type="text">
                        <a class="ico ico-arrow-enter"></a>
                    </page>
                </div>
            </div>
            <div class="title"><h4>step</h4></div>
            <div class="contant">
                <div class="title">
                    <h5>title</h5><cite>Description</cite><u></u>
                    <a href="" class="btn">submit</a>
                </div>
                <div class="item">
                    <step>
                        <li class="active">step 1</li>
                        <li>step 2</li>
                        <li>step 3</li>
                    </step>
                </div>
            </div>
            <div class="title"><h4>fold</h4></div>
            <div class="contant">
                <div class="title">
                    <h5>title</h5><cite>Description</cite><u></u>
                    <a href="" class="btn">submit</a>
                </div>
                <div class="item">
                    <fold>
                        <fold-group>
                            <a><fold-title><h5 uigg="title"></h5><u></u></fold-title></a>
                            <fold-cont><p uigg="txt"></p></fold-cont>
                        </fold-group>
                        <fold-group>
                            <a><fold-title><h5 uigg="title"></h5><u></u></fold-title></a>
                            <fold-cont><p uigg="txt"></p></fold-cont>
                        </fold-group>
                        <fold-group>
                            <a><fold-title><h5 uigg="title"></h5><u></u></fold-title></a>
                            <fold-cont><p uigg="txt"></p></fold-cont>
                        </fold-group>
                    </fold>
                </div>
            </div>
        </section>
    </section>
</section>
<pop>
    <pop-main>
        <pop-title><h3>title</h3><a class="close"></a></pop-title>
        <pop-cont>
            <empty>
                <div>
                    <i class="ico ico-emot-smile"></i>
                    <h3>congratulations, successful!</h3>
                    <span uigg="title"></span>
                </div>
            </empty>
        </pop-cont>
        <pop-solve>
            <a href="" class="btn">confirm</a>
            <a href="" class="btn bg-orange">cancel</a>
            <a href="" class="btn bg-red">delete</a>
        </pop-solve>
    </pop-main>
</pop>
</body>
</html>
